/*
 * Copyright Thoughtworks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* 'Old new' UI */

/* search */
.search {
  padding: 0.5em;
}

/* changes */

.changes h3 {
  font-size: 1.5em;
  color: gray;
}

.changes h4 {
  margin-top: 1em;
  font-weight: bold;
}

.changes .details {
  margin-top: 1em;
}

.changes .comment {
  font-weight: bold;
}

/* State color rule for Jobs */
.job {
  background-color: transparent !important;
}

.jobs .Active {
  background-color: #fc6 !important;
  color: black !important;
}

.jobs .Passed {
  background-color: #6ca62e !important;
  color: black !important;
}

.jobs .Failed {
  background-color: #cd5447 !important;
  color: black !important;
}

/* pipeline history sidebar */
.pipeline {
  background-color: #ddd6c6;
  border-top: 1px solid #b4ab9c;
  color: #494638;
}

div:hover.pipeline {
  background-color: #ccc6b6;
  cursor: pointer;
}

.pipeline .details {
  margin: 0;
  padding-top: 0;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
}

.pipeline .details span {
  padding-right: 0.5em;
}

.pipeline .details .label {
  font-weight: bold;
}

.pipeline .details .label a:link {
  color: #494638;
}

.pipeline .name {
  clear: left;
  display: none;
}

.pipeline .label {
  font-weight: bold;
  border-right: 1px solid white;
}

.pipeline .build-cause {
  display: none;
}

.stages {
  width: 20em;
  clear: both;
  margin-bottom: 2em;
  margin-top: 0.2em;
  padding-top: 0.2em;
}

.stage {
  border: 0.1em solid #000;
  float: left;
  margin-left: -0.1em;
  min-height: 2em;
}

.stages .last_run_stage {
  border: 0.3em solid #000;
  margin-left: -0.3em;
  margin-top: -0.2em;
}

/* Clear after */
.stages::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.Passed {
  background-color: #6ca62e;
}

.Unknown {
  background-color: white;
}

.Building,
.Failing {
  background-color: #fc6;
}

.Failed,
.Cancelled {
  background-color: #cd5447;
}

.group li {
  float: left;
  width: 1.5em;
  list-style: none;
  display: block;
  padding: 0.25em 0.5em;
  background-color: black;
  color: white;
  font-weight: bold;
  border-bottom: 1px solid white;
  white-space: nowrap;
  overflow: hidden;
}

.group li:last-child {
  width: auto;
  float: none;
}

.pipeline .stage .name {
  display: none;
}

.jobs {
  display: none;
}

li.pipeline h3 {
  margin-bottom: 0.3em;
}

ul li.material {
  padding: 0 0 1em 1em;
}

.environment h1.name a {
  color: #c7caa8;
}

.material dt {
  color: #666;
  float: left;
}

.material dd {
  margin-left: 9.5em;
}

.material .submit {
  float: right;
}

.material .submit .select {
  margin-right: 0.5em;
}

.material .submit .cancel {
  margin-right: 1em;
}
